/* utility / helpers */

.row { overflow: hidden; display: block; }
.col { float: left; display: block; }
.colR { float: right; display: block; }

.clr { clear: both; height: 1px; width: 1px; overflow: hidden; }
.clrL { clear: left; height: 1px; width: 1px; overflow: hidden; }
.clrR { clear: right; height: 1px; width: 1px; overflow: hidden; }

.hide { display: none; }
.show { display: block; }

.debug-dump { display: none; height: 200px; overflow-y: scroll; }

.fb-frame { margin-left: -50px; }
.fb-frame-sm { margin-left: -32px; }

/* tag redefs */

html { min-height:100%; height:100%; } 
body { min-height:100%; font-family: helvetica, arial, sans-serif; color: #4c4c4c; background-color: #e7e7e7; }
a { color: #333; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; outline:none; }

ol { padding-left:20px; } 
ol li { list-style-type:decimal; } 


object { outline: none; }
strong { font-weight:bold; } 
em { font-style:italic; } 

.hr { height: 2px; overflow: hidden; background: url(i/horiz_dots_rightrail.gif) repeat-x; margin: 0 0 10px; }

/* core page structure */

.site-wrap { width: 980px; margin: 0 auto; background-color: #ffffff; min-height: 100%; position: relative;  }
.site-header {}
.site-header .site-logo { padding: 0 0 0px 18px; position:absolute; top:0; z-index:10;}
.site-inner { width: 942px; margin: 20px auto; }
.site-footer { padding: 20px; }
.site-footer .col { font-size: 85%; color: #4c4c4c; }
.site-footer .col a { color: #b6c81b; }
.site-footer .colR { font-size:85%; color: #4c4c4c; padding:5px 0 0 0; } 
.site-footer .links { padding: 5px 0 12px 0; color: #b6c81b; display:block; }
.site-footer p { padding:0 0 2px; } 
.site-footer .legal { color:#868686; }
.site-footer .msn-money-logo img { margin-bottom: -4px; }

.main-flash-wrap {  width: 980px; height: 445px; visibility:hidden; }

/* styles used for positioning homepage imagemap over seo text. */ 
.home .home-content { position:relative; visibility:visible; width: 980px; height:444px; } 
.home .alt-content { position:absolute; top:0; left:0; z-index:1; }
.home .home-image { position:absolute; top:0; left:0; z-index:2; width: 980px; height:444px; } 

.home .eb-money { display:block; position:absolute; top:69px; left:20px; z-index:3; width:175px; height:129px; background:url(i/home_buttons_sprite.jpg) no-repeat 0 0; } 
.home .eb-money:hover { background-position:0 -129px; } 
.home .spending-quiz { display:block; position:absolute; top:207px; left:20px; z-index:3; width:175px; height:129px; background:url(i/home_buttons_sprite.jpg) no-repeat -175px 0; } 
.home .spending-quiz:hover { background-position:-175px -129px; } 

.home .more-about { position:absolute; top:345px; left:20px; z-index:3; } 

.home .see-more { display:block; position:absolute; top:323px; left:263px; z-index:3; width:85px; height:27px; background:url(i/home_buttons_sprite.jpg) no-repeat -350px 0; } 
.home .see-more:hover { display:block; position:absolute; top:323px; left:263px; z-index:3; width:85px; height:27px; background:url(i/home_buttons_sprite.jpg) no-repeat -350px -27px; } 

/* only shows on screen if no flash / js */
.main-flash-replace .flash-warning { background-color: #fde0e0; color: #dc1414; border-bottom: 1px solid #dc1414; position: absolute; top: 0px; left: 0px; padding-left: 16%; width: 84%; line-height: 20px;  text-align: center; }
.main-flash-replace .flash-warning a { color: #dc1414; text-decoration: underline; }
.main-flash-replace .flash-alt { padding-top:100px; } 
.main-flash-replace .flash-alt p { margin-bottom:15px; } 

.page-two-col .page-left { width: 620px; border: 1px solid #d3d3d3; background-color:#fff;  }
.page-two-col .page-right { width: 319px; background-color: #fff; border-width: 1px 1px 1px 0; border-color: #d3d3d3; border-style: solid;}
.page-two-col .page-right div:first-child { border-top: none; }

/* custom form elements */

.custom-textfield { height: 23px; }
.custom-textfield .lcap { width: 10px; height: 23px; background: url(i/textfield_lcap.gif) no-repeat; }
.custom-textfield .rcap { width: 10px; height: 23px; background: url(i/textfield_rcap.gif) no-repeat; }
.custom-textfield .mid { height: 23px; background: url(i/textfield_mid.gif) repeat-x; }
.custom-textfield input { margin: 3px 0 0 0; border: 0; background: transparent; line-height: 1em; }
.err .lcap, .err .rcap, .err .mid { background-position: 0 -23px; }

/* global navs */

.navbar-search { background-color: #4c4c4c; padding: 0 10px 0 20px; }
.navbar-search .hdr { margin: 13px 0 0 0; }
.navbar-search .search-wrap { border-left: 1px solid #909090; padding: 6px 0 6px 10px; margin: 0 0 0 10px; position:relative; }
.navbar-search .nbs-search { width: 119px; font-size:85%; font-weight:bold; padding:2px 0 0 0; }
.navbar-search .clear-search { position:absolute; top:9px; right:2px; cursor:pointer; display:none; } 

.navbar-search .search-active .nbs-search { width:104px; padding-right:15px; } 
.navbar-search .search-active .clear-search { display:block; } 

.navbar-search .btn { margin: 6px 0 6px 5px; height: 23px; background-repeat: no-repeat; outline:none; }
.navbar-search .btn-sel, .navbar-search .btn:hover { background-position: 0 -23px; }
.navbar-search .btn-pop { background-image: url(i/btn-popular.gif); width: 69px; }
.navbar-search .btn-rec { background-image: url(i/btn-recent.gif); width: 61px; }
.navbar-search .btn-picks { background-image: url(i/btn-picks.gif); width:75px; } 

.navbar-search .sort-label { padding-right:5px; font-size:85%; font-weight:bold; color: #fff; padding: 11px 5px 0 0; } 


.navbar-scat { height: 34px; background-color: #eaeaea; }
.navbar-scat a { text-indent: -1000px; outline:none; display: block; background-repeat: no-repeat; border-right: 1px solid #d3d3d3; float: left; height: 34px; }
.navbar-scat a.all { background-image: url(/assets/img/navs/scat_all.gif); width: 47px; }
.navbar-scat a.house_home { background-image: url(/assets/img/navs/scat_househome.gif); width: 69px; }
.navbar-scat a.food_drink { background-image: url(/assets/img/navs/scat_fooddrink.gif); width: 67px; }
.navbar-scat a.travel { background-image: url(/assets/img/navs/scat_travelleisure.gif); width: 76px; }
.navbar-scat a.health { background-image: url(/assets/img/navs/scat_healthfamily.gif); width: 65px; }
.navbar-scat a.shopping { background-image: url(/assets/img/navs/scat_shopping.gif); width: 76px; }
.navbar-scat a.getting_around { background-image: url(/assets/img/navs/scat_gettingaround.gif); width: 71px; }
.navbar-scat a.assets { background-image: url(/assets/img/navs/scat_assets.gif); width: 70px; }
.navbar-scat a.debts { background-image: url(/assets/img/navs/scat_debts.gif); width: 67px; }


.navbar-scat a:hover, .navbar-scat .sel { background-position: 0 -34px; }
.navbar-scat .select-wrap { padding: 7px 0 0 8px; }
.navbar-scat .nbs-article-type  { width: 125px; } 


/* super cat colors */

.scat-househome { color: #dd5324; }
.scat-fooddrink { color: #20a7c2; } /* not sure of color here */
.scat-travelleisure { color: #fbbf36; }
.scat-healthfamily { color: #514745; }
.scat-shopping { color: #b8cd26; }
.scat-gettingaround { color: #955357; }

.detail-page .scats .scat { color:#ccc; } 


/* tag overlay */ 

.tag-overlay { visibility:hidden; position:absolute; width:347px; } 
.tag-overlay .hdr { margin-bottom:4px; } 
.content-list .tag-overlay .top { background:transparent url(i/tag_overlay_top.png) no-repeat 0 0; height:7px; width:auto; }
.content-list .tag-overlay .mid,
.content-list .has-left .tag-overlay .mid  { background-color:#fff; width:321px; padding:5px 12px 0 12px; margin:0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; } 
.content-list .tag-overlay .btm { background:transparent url(i/tag_overlay_btm.png) no-repeat 0 0; height:15px; width:auto; }  


/* right rail modules */

.updates-mod { background-color: #4c4c4c; padding: 20px; }
.updates-mod .hdr { margin: 0 0 10px 0; }
.updates-mod .custom-textfield { margin: 0 5px 0 0; }
.updates-mod .custom-textfield select { width: 180px; }
.updates-mod .err { color:#fcc;  } 
.updates-mod p.err { font-size:85%; } 
.updates-mod .ty-hdr { color:#fff; font-weight:bold; margin-bottom:3px; } 
.updates-mod .ty-body { color:#ccc; font-size:85%; } 


.tout-mod { background: url(i/horiz_dots_rightrail.gif) repeat-x;  }
.tout-mod .hdr { padding: 20px 12px 15px; background: url(i/horiz_dots_rightrail.gif) repeat-x left bottom #ebebeb; }
.tout-mod .glam { margin: 0 0 10px; width: 295px; }
.tout-mod p {font-size: 93%; color: #676767; margin: 0 0 10px; }
.tout-mod .mid { padding: 20px 12px 10px; }
.tout-mod .row { margin: 0 0 5px; }
.tout-mod .row .left { width: 75px; }
.tout-mod .row .right { width: 215px; }
/* decorators for specific tout-mods */

.featured-video-mod .mid { padding-left: 20px; }
.featured-photo-mod .mid { padding-top: 12px; }
.featured-photo-mod .mid a,.mobile-app .mid a { color:#676767; } 
.mobile-app sup { font-size:70%; vertical-align:top; }
.get-some-answers .mid,.learn-spend-type .mid { padding: 0; }
.get-some-answers .row, .learn-spend-type .row { margin: 0; }
.get-some-answers .row .left, .learn-spend-type .row .left { width: 101px; }
.get-some-answers .row .right, .learn-spend-type .row .right { width: 195px; margin: 10px 0 10px 10px;}
.related .mid { padding:20px 0px 10px 0px; margin:0; } 
.related .cont {  padding-left:25px;  }
.related .bundle .cont { background:url(i/tinyicon_bundle.gif) no-repeat scroll left top; }
.related .insight .cont { background:url(i/tinyicon_facebook.jpg) no-repeat scroll left top; }
.related .partner-1 .cont { background:url(i/tinyicon_morningstar.jpg) no-repeat scroll left top; } 
.related .partner-2 .cont { background:url(i/tinyicon_msnmoney.gif) no-repeat scroll left top; }
.related .author { font-weight:bold; font-size:85%; } 
.related ul li {  padding-bottom:10px; padding-left:12px; }
.related ul li.pad { margin-bottom:10px; background:url(i/horiz_dots_rightrail.gif) repeat-x scroll left bottom; } 
.related ul li a { font-size:85%; }

.advert-mod { border-top: 1px solid #d3d3d3; }
.advert-mod a { display:block; width:300px; margin:0 auto; padding:10px 0 0 0; } 
.advert-mod .legend { display:block; padding:10px 0 9px 10px; margin-top:-4px; color:#4c4c4c; font-size:77%; } 

/* main text / body content redefs - add 'content' class to wrapper for access */

.content { color: #5d5d5d; background-color: #fff; }
.content p { font-size: 93%; padding: 0 0 15px; line-height:23px; }
.content ul { padding: 0 0 15px;  }
.content ul li { margin: 0 0 0 15px; list-style-type: disc; }
.content a { text-decoration: underline; color: #5d5d5d}
.content a:hover { color: #333; }

p.content-credit { font-size: 77%; background-color: #f5f5f5; padding: 3px 5px; }
.content-credit img { margin: 0 5px 0 0; }
.content-credit span { color: #ccc; }

.partner { background-color:#fff; color:#5d5d5d; padding:0 20px 20px 20px; } 
.partner .footer { font-size:85%; background-color:#f1f1f1; padding:5px; }
.partner .footer img { margin-right:4px; } 
.msn-money .footer p { background:url(i/partner_msnmoney.png) no-repeat; padding-left:35px; }  
.morningstar .footer p { background:url(i/partner_morningstar.png) no-repeat; padding-left:70px; }


/* community insight content list pages (flash at top, list below) */

.content-list { background-color: #fff; }
.content-list .item { background: url(i/horiz_dots_grey.gif) repeat-x left bottom; }
.content-list .left { width: 174px; }
.content-list .insight .mid { width:520px; } 
.content-list .insight .fb-frame-sm { margin-left:-36px; } 
.content-list .mid { padding: 20px; }
.content-list .has-left .mid { width: 406px; }
.content-list .has-right .mid { width: 520px; }
.content-list .right { float:right; padding:20px 10px 0 12px; }
.content-list .right img { width:32px; }
.content-list .title { font-size: 138.5%; margin-bottom: 5px; line-height: 1.1; }


/* prev-next bar */

.prev-next-bar { background-color: #fbfcf3; padding: 10px; font-size: 108%; }
.prev-next-bar a { color: #b6c81b; }

/* item metadata bar (scats, report, vote up, etc) */

.item-meta { display: block; font-size: 85%; color: #868686; }
.detail-page h1 .item-meta { font-size: 61%; }
.item-meta .scats { padding: 0 5px 0 0;  }
.item-meta .scat { font-weight: bold; text-transform: uppercase; }
.item-meta .actions a { color: #868686; }
.item-meta .report-this { background: url(i/tinyicon_warn.png) no-repeat -2px 2px; padding: 0 0 0 13px; }
.item-meta .reported { background: url(i/tinyicon_warn_blue.png) no-repeat -2px 2px; padding: 0 0 0 13px; color:#0092b0; }

.item-meta .vote-up { background: url(i/tinyicon_up.png) no-repeat -3px 2px; padding: 0 0 0 10px; }
.item-meta .voted-up { background: url(i/tinyicon_up_blue.png) no-repeat -3px 2px; padding: 0 0 0 10px; color:#0092b0; } 
.item-meta .comments { background: url(i/tinyicon_comment.png) no-repeat -3px 2px; padding: 0 0 0 11px; }
.item-meta .tweet { background: url(i/tinyicon_tweet.png) no-repeat -3px 2px; padding: 0 0 0 12px; }
.item-meta .share { background: url(i/tinyicon_share.png) no-repeat 0 2px; padding: 0 0 0 16px; z-index:90; }
.item-meta .share-dd { display:none; position:absolute; width:93px; z-index: 100;  } 
.item-meta .share-dd ul li a { color:#333; } 
.item-meta .share-dd ul { background-color:#fff; } 
.item-meta .share-dd .top-cap { width:93px; height:15px; background:url(i/share_top.png) no-repeat; } 
.item-meta .share-dd .btm-cap { width:93px; height:6px; background:url(i/share_btm.png) no-repeat; } 
.item-meta .share-dd ul li { border-bottom:1px solid #ccc; margin-bottom:3px; } 
.item-meta .share-dd ul li.last { border-bottom:none; margin-bottom:0; } 

.item-meta .share-dd img { margin: 0 5px 3px 5px; } 
.item-meta .share-dd span { padding:5px 10px 0 0; } 
.item-meta .share .control { background: url(i/tinyicon_expand.png) no-repeat 0 1px; }
.item-meta .share .control img { width: 10px; height: 10px; }
/* item-meta-light decorator - for use on dark BGs */
.item-meta-light, .item-meta-light .actions a { color: #ccc; }
.item-meta-light .report-this { background-image: url(i/tinyicon_warn_light.png); }
.item-meta-light .vote-up { background-image: url(i/tinyicon_up_light.png); }
.item-meta-light .comments { background-image: url(i/tinyicon_comment_light.png); }
.item-meta-light .tweet { background-image: url(i/tinyicon_tweet_light.png); }
.item-meta-light .share { background-image: url(i/tinyicon_share_light.png); }
.item-meta-light .share .control { background-image: url(i/tinyicon_expand_light.png) }


/* captioned photo module */
.captioned-photo { }
.captioned-photo img { display: block; }
.captioned-photo .caption, .captioned-photo .credit { padding: 5px; font-size: 77%; }
.captioned-photo .caption { background-color: #ebebeb; color: #1f1f1f; }
.captioned-photo .credit { color: #ccc;  }
p.captioned-photo-footnote { font-size: 77%; color: #ccc; }
/* decorators - for floating left / right when inline, controlling widths */
.captioned-photo-left { float: left; margin:20px 15px 5px 20px; }
.captioned-photo-right { float: right; margin: 20px 20px 5px 15px; }

.captioned-photo-right .credit { text-align: right; }
.captioned-photo-small { width: 70px; }
    .captioned-photo-small img { width:70px; } 
    
.captioned-photo-small .caption, .captioned-photo-small .credit { padding: 2px; }
.captioned-photo-med { width: 290px; }
    .captioned-photo-med img { width:290px; } 

.captioned-photo-med .caption, .captioned-photo-med .credit { padding: 2px; }
.captioned-photo-large { width: 620px; }
.captioned-photo-large img { width: 620px; }
.captioned-photo-large .credit { text-align: right; position: absolute; margin: -25px 0 0 0; width: 605px; height: 13px; overflow: hidden; }


/* pagination bar */

.pagination { color: #b6c81b; }
.pagination .title { color: #ccc; font-style: italic; display: block; }
.pagination .on { font-weight: bold; color: #5d5d5d; }
.pagination a { color: #b6c81b; text-decoration: none; }
.pagination a:hover { text-decoration: underline; }

/*article pagination */
.pager { padding-top:20px; font-size:93%; } 
.pager .hdr { color:#ccc; padding-bottom:4px; } 
.pager a { color:#b6c81b; text-decoration:none; } 


/* community insight detail pages - help, privacy, articles, insights, etc */

/*.detail-page .site-wrap { background: url(i/site-wrap_bg_circles.jpg) no-repeat; } */
.site-hero .detail-page  { height: 68px; }
.detail-page .page-left { background-color: #fff; }
.detail-page .content { padding: 20px; }
.detail-page .bios-cont { padding:0 20px 0 20px; background-color:#fff; clear:both; }
.detail-page .bios-cont a { color:#ccc; } 
.detail-page .authors a { color:#ccc; } 
.detail-page .bio { font-size:85%; color:#ccc; padding:0 0 8px; } 
.detail-page h1 { color: #fff; background-color: #4c4c4c; padding: 10px 20px; font-size: 138.5%; font-weight: bold; } /* may be a global h1 redef candidate - check with creative */
.detail-page h1 .item-meta { padding: 6px 0 3px; font-weight: normal; }
.detail-page h2 { font-size: 123.1%; padding: 0 0 15px; } /* may be a global h2 redef candidate... or possible move to .content selector - check with creative */
.detail-page .content h3 { font-weight:bold; padding:18px 0 18px 0; } 

.insight-header { background-color: #4c4c4c; }
.insight-header .fb-thumb { margin: 10px 0 10px 10px; }
.insight-header h1 { width: 505px; padding: 10px 0; margin:0 0 0 10px; }
.insight-header .close { margin: 10px; }


/* error messaging */
/* TODO: VALDIATE THESE STYLES - DETERMINE IF THESE STYLES CAN BE MADE INTO GLOBAL ERROR STYLES - IF SO, MAKE INITIAL SELECTOR MORE GENERIC */
.emptySearchMessage { background-color: #eaeaea; margin: 50px; padding: 20px 15px; color: #646464; }
.emptySearchMessage .title { font-size: 174%; font-weight: bold; }
.emptySearchMessage .callout { color: #b5cb0e; font-weight: bold; }



/*article comments styles */

.com-wrap .fb-log-in { position:absolute; top:90px; left:110px; }
.com-wrap .fb-log-in p { margin-bottom:8px;	}
.com-wrap .fb-log-in a { display:block; width:196px; margin:0 auto; } 
.com-wrap .legal { font-size:85%; color:#ccc; padding:10px 0 10px 0; } 
.com-wrap { position:relative; background-color: #fff; }
.com-hdr { height:40px; background-color:#eaeaea; }
.com-hdr h3 { color:#333; font-size:108%; text-transform:uppercase; font-weight:bold; padding:10px; }
.com-wrap .disabled { background:url(/assets/img/bg/post-comment-disabled.png) no-repeat; height:196px; }
.com-wrap .enabled { position:relative;  background:url(/assets/img/bg/comment-entry.gif) no-repeat; padding:10px 0px 0px 90px; height:100%; }
.com-wrap .fb-pic, .com-wrap .com-entry .fb-frame { position:absolute; top:10px; left:5px; }
.com-wrap .com-entry .fb-frame { margin: 0; }
.com-wrap .err { color: #c00; padding: 5px 8px 5px 0; }
.com-wrap textarea.err { border: 1px solid #c00; background-color: #fcc; }
.fb-logout { font-style:italic; color:#b6c81b; text-decoration:none; }
.com-wrap form { margin-top:10px; }
.com-entry-box { width:508px; height:103px;	border: 1px solid #e4e4e4; }
.com-wrap form .fb-logo { position: relative; top: 5px; }
.com-submit { margin: 5px 20px 0 0; }

.com-list a { text-decoration:underline; } 
.com-list .actions .report-this { text-decoration:none; } 

.com-list li { padding:20px; background:url(/assets/img/bg/dotted-line.png) repeat-x bottom left; }
.com-list li p { margin-bottom: 10px; }
.com-list li .colR { padding:0 0 0 20px; }
.com-list li .col { width:510px; } 



/* quiz results page */

.quiz-results-page .site-wrap { background:transparent url(i/quiz-results_bg_circle.jpg) no-repeat; } 
.quiz-results-page .site-hero { height:445px; } 
.quiz-results-page .cont { position:relative; height:445px; } 
.quiz-results-page .do-over { position:absolute; top:220px; left:40px; } 
.quiz-results-page .site-hero .detail-page { height:auto; } 
.quiz-results-page .site-hero .hdr-cont .left { width:127px; } 
.quiz-results-page .site-hero .hdr-cont .right { width:567px; } 
.quiz-results-page .site-hero .spend-cont { padding-left:32px; float: left; color: #1e1e1e; border-right:1px solid #CCCCCC; } 
.quiz-results-page .site-hero .spend-cont .see-all-spending { display:block; padding:10px 0; width: 360px; } 
.quiz-results-page .site-hero .left { width: 215px; }
.quiz-results-page .site-hero .right { width: 730px; }
.quiz-results-page .site-hero .title { font-size: 269%; font-weight: bold; margin: 25px 0 0; color: #252525; }
.quiz-results-page .site-hero .detail { font-size: 120%; margin: 0 0 20px; }
.quiz-results-page .site-hero .subtitle { color: #1e1e1e; font-size: 116%; font-weight: bold; margin: 0 0 10px; width: 360px; }
.quiz-results-page .site-hero .share-spend-type { margin-bottom: 10px; }
    .cat { display:block; font-weight:bold; font-size:107%; margin:0; padding:4px 0 7px 31px; }
    /*food and drink categories */ 
    .cat-1, .cat-2 {  background:transparent url(i/cat_blue.png) no-repeat 0 0; } 
    /* getting around categories */ 
    .cat-21, .cat-22 {background:transparent url(i/cat_brick.png) no-repeat 0 0; }
    /* house and home categories */ 
    .cat-3,.cat-4,.cat-5,.cat-6,.cat-23,.cat-24 { background:transparent url(i/cat_orange.png) no-repeat 0 0; } 
    /* shopping categories  */ 
    .cat-16,.cat-17,.cat-18,.cat-19,.cat-20 { background:transparent url(i/cat_green.png) no-repeat 0 0; } 
    /* health and family categories */ 
    .cat-10,cat-12,.cat-13,.cat-14,.cat-15,.cat-25 { background:transparent url(i/cat_black.png) no-repeat 0 0; } 
    /*travel and leisure cats */ 
    .cat-7,.cat-8,.cat-9 { background:transparent url(i/cat_yellow.png) no-repeat 0 0; } 
    
.quiz-results-page .site-hero .share-spend-type { padding-left:32px; float: left; width: 280px; } 
.quiz-results-page .site-hero .share-spend-type .left { width: 55px; margin-bottom: 10px; }
.quiz-results-page .site-hero .share-spend-type .right { width: 500px; }
.quiz-results-page .site-hero .share-spend-type .right p { margin: 0 0 6px; }
.quiz-results-page .site-hero .share-spend-type .right span { position: relative; top: -7px; }
.quiz-results-page .site-hero .share-spend-type #connectedCont .right { width: 180px; float: left; font-size: 107%; font-weight: bold; color: #1e1e1e; }


.spend-type-list { background-color: #fff; }
.spend-type-list .hdr { background-color: #4c4c4c; }
.spend-type-list .hdr .title { margin: 11px 0 8px 20px; }
.spend-type-list .hdr .friend-bar{ padding: 5px 5px 0 0; }
.spend-type-list .hdr .close { margin: 6px 6px 0 0; display: none; }
.spend-type-list .friend-counter { position: relative; left: 4px; top: 2px; font-size: 85%; color: #fff; } /* position: abs or rel */
.spend-type-list .friend-counter .left, .spend-type-list .friend-counter .right { width: 5px; height: 16px; }
.spend-type-list .friend-counter .left { background: url(i/friendcounter_left.gif) no-repeat; }
.spend-type-list .friend-counter .mid { background: url(i/friendcounter_mid.gif) repeat-x; height: 16px; padding-top: 1px; }
.spend-type-list .friend-counter .right { background: url(i/friendcounter_right.gif) no-repeat; }

.spend-type-list .spend-type-item { background: url(i/horiz_dots_rightrail.gif) left bottom repeat-x; }
.spend-type-list .spend-type-item .left { width: 195px; height: 110px; background-repeat: no-repeat; margin: 0 0 1px }
.spend-type-list .spend-type-item .left-sel { background:transparent url(i/spendtype_highlight.jpg) no-repeat;}
.spend-type-list .spend-type-item .right { width: 420px; }
.spend-type-list .spend-type-item .title { font-weight: bold; font-size: 108%; margin: 15px 0 0 0; }
.spend-type-list .spend-type-item .select-btn { display: none; }
.spend-type-list .spend-type-item .right .row { padding: 10px 0 5px 0; }
.spend-type-list .spend-type-item .right .row .col { padding: 8px 0 0 0; }
.spend-type-list .spend-type-item .right .row .colR .fb-icon { margin: 0 0 0 2px; width:32px; }

.quiz-updates-mod { margin-top: 25px;}
.quiz-updates-mod p { color: #1e1e1e;  font-size: 107%; font-weight: bold; margin-bottom: 7px;}
.quiz-updates-mod .custom-textfield { margin: 0 5px 0 0; }

/* classes/overrides for spend-type-list in modal */
.stl-modal .list-wrap { height: 450px; overflow-y: scroll; border: 1px solid #4C4C4C; }
.stl-modal .friend-bar, .stl-modal .fb-icons, .stl-modal .compare-btn { display: none; }
.stl-modal .hdr .close, .stl-modal .spend-type-list .spend-type-item .select-btn { display: block; }


/* loading animation */ 
.loader { position:absolute; background-image:url(i/loader_background.png); background-repeat:no-repeat; } 


/* Auxiliary Pages */
.auxiliary-nav .auxiliary-nav-head { display:block; background:#8c8c8c url(i/lighter_dots.png) repeat-x scroll left bottom; color:#FFFFFF; font-size:108%; font-weight:bold; padding:13px 10px; }
.auxiliary-nav a { display:block; background:#8c8c8c url(i/lighter_dots.png) repeat-x scroll left bottom; color:#FFFFFF; font-size:108%; font-weight:bold; padding:9px 10px; }
.auxiliary-nav a:hover, .auxiliary-nav a.selected { background-color: #535353; text-decoration: none; }

.about-jaidev { float:left; padding: 0 15px 10px 0; }
.about-page p { line-height: 18px; }

.bios-page .bio-container { padding: 17px 17px 25px 17px; background:#FEFEFE url(i/bios_dots.jpg) repeat-x scroll left bottom; }
.bios-page .bio-jump-links { padding:17px 17px 25px 17px; background-color:#FEFEFE; } 
.bios-page .bio-jump-links .col { width:50%; }  
.bios-page .bio-jump-links .list-header { font-weight:bold; display:block; margin:0 0 4px; } 
.bios-page .bio-jump-links ul li { margin:0; padding:0 0 3px; }
.bios-page .bio-jump-links a { color: #5D5D5D; font-size:93%;  } 
.bios-page .last-bio-in-list { background-image: none; }
.bios-page .bio-container .bio-img { float: left; }
.bios-page .bio-container .bio { padding-left: 17px; float:left; width: 495px; }
.bios-page .bio-container .bio h2 { font-size: 138.5%; color: #1f1f1f; }
.bios-page .bio-container .bio p { color: #5d5d5d; padding: 0 0 15px; }


.aux-page a { text-decoration: underline; }

.aux-page li { margin-bottom: 10px; }

.aux-page .long-content { background-color: #f6f6f6; padding: 10px; height: 550px; overflow: auto; }
.aux-page .draft { color: #FFFFFF; background-color:#FF0000; font-weight: bold;}                    
.contact-page h3 { color: #212121; font-weight: bold; }

/* error page styles */ 

.error .site-hero { padding-top:70px; background-color:#fff; height:200px; margin: 0 18px; } 
.error .site-hero h1 { font-size:220%; color:#4c4c4c; font-weight:bold; text-align:center; width:529px; margin:0 auto; padding-bottom:30px; } 
.error .site-hero h2 { font-size:138.5%; color:#868686; font-weight:bold; text-align:center;  width:529px; margin:0 auto; font-weight:normal; } 
.error .site-wrap { padding-top:80px; } 

.faq-page { background-color: #FEFEFE; }
.faq-page .ui-accordion .ui-accordion-header { position:relative; padding: 15px 35px 15px 20px; color: #333333; font-size: 138.5%; background:#FEFEFE url(i/dark_grey_dots.png) repeat-x scroll left top; }
.faq-page .ui-accordion .ui-accordion-header-top { background-image: none; }
.faq-page .ui-accordion .ui-accordion-content { background-color: #f6f6f6; padding: 5px 20px 0px 20px; }
.faq-page .ui-accordion .ui-accordion-content p { line-height: 17px; padding-bottom: 15px; }
.faq-page .ui-accordion h3.ui-state-active, .faq-page .ui-accordion h3:hover { background-color: #f6f6f6; }
.faq-page .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e { display:none; width:21px; height:21px;  position:absolute; left:auto; right: 10px; background-image: url(i/faq_down_arrow.png); background-repeat: no-repeat; }
.faq-page .ui-accordion .ui-accordion-header:hover .ui-icon { display:block; }

/*msn bar styles */ 
.msn-bar .site-header .site-logo { top:30px; }
.msn-bar .site-hero .detail-page { height: 98px; } 
.msn-bar-cont { height:20px; background-color:#1c5e98; } 
.msn-bar-cont a { color:#fff; font-size:85%; display:block; float:left; padding-top:2px; margin:0 10px 0 0;  } 
.msn-bar-cont img { display:block; float:left; margin:0 12px 0 20px; } 
.msn-bar-cont .bing img { margin:0; padding:0; } 
.msn-bar-cont .right { text-align:right; float:right; } 
.msn-bar-cont .contents { width:980px; margin:0 auto; } 
.msn-bar-cont .contents .img-link { padding:0; margin:0; } 

/*privacy policy redefs */ 

.privacy-policy h3 { color:#333; font-weight:bold; padding:0 0 4px; } 

/* insight modal */
.post-to-fb img.fb-logo {
    position:       relative;
    top:            5px;
}
.post-to-fb span {
    display:        inline;
    font-size:      12px;
    position:       relative;
    top:            -2px;
}